<%@include file="inc/prelude.jsp" %>
<div id="box">
    <%@include file="inc/header.jsp" %>
    <%@include file="inc/menu2.jsp" %>
    <div id="container">
        <div id="containt">
            <h1><s:text name="join.title" /></h1>
            <s:actionerror />
            <div id="center_signup" style="text-align: left;padding-left:10px;">
                <form action="/pub/doJoin.htm" method="POST" enctype="multipart/form-data">
                    <s:text name="join.email" />
                    <input type="text" name="email" value="${requestScope['email']}" autocomplete="off"/>
                    <s:fielderror fieldName="email" /><br /><br />
                    <s:text name="join.password" />
                    <input type="password" name="password" />
                    <s:fielderror fieldName="password" /><br /><br />
                    <s:text name="join.confirm_password" />
                    <input type="password" name="confirm_password" />
                    <s:fielderror fieldName="confirm_password" /><br /><br />
                    <s:text name="join.first_name" />
                    <input type="text" name="first_name" value="${requestScope['first_name']}" autocomplete="off"/>
                    <s:fielderror fieldName="first_name" /><br /><br />
                    <s:text name="join.last_name" />
                    <input type="text" name="last_name" value="${requestScope['last_name']}" autocomplete="off"/>
                    <s:fielderror fieldName="last_name" /><br /><br />
                    <s:text name="join.address" />
                    <input type="text" name="address" value="${requestScope['address']}" autocomplete="off"/>
                    <s:fielderror fieldName="address" /><br /><br />
                    <s:text name="join.city" />
                    <input type="text" name="city" value="${requestScope['city']}" autocomplete="off"/>
                    <s:fielderror fieldName="city" /><br /><br />
                    <s:text name="join.state" />
                    <input type="text" name="state" value="${requestScope['state']}" autocomplete="off"/>
                    <s:fielderror fieldName="state" /><br /><br />
                    <s:text name="join.postal_code" />
                    <input type="text" name="postal_code" value="${requestScope['postal_code']}" autocomplete="off"/>
                    <s:fielderror fieldName="postal_code" /><br /><br />
                    <s:text name="join.country" />
                    <select name="country">
                        <option value="">Select a country</option>
                        <c:forEach items="${countries}" var="coun">
                            <option value="${coun.code}">${coun.name}</option>
                        </c:forEach>
                    </select>
                    <s:fielderror fieldName="country" /><br /><br />
                    <s:text name="join.phone_number" />
                    <input type="text" name="phone_number" value="${requestScope['phone_number']}" autocomplete="off"/>
                    <s:fielderror fieldName="phone_number" /><br /><br />
                    <s:text name="join.currency" />
                    <select name="currency">
                        <c:forEach items="${currencies}" var="curr">
                            <option value="${curr.id}">${curr.symbol}</option>
                        </c:forEach>
                    </select>
                    <br /><br />
                    <br /><br />                    
                    <s:text name="join.term" /><br /><br />
                    &nbsp;<s:checkbox name="news_letter" value="true" /><s:text name="join.term1" /><br /><br />
                    &nbsp;<s:checkbox name="check_terms" /><s:text name="join.term2" /><br /><br />
                    <a href="">General Terms &amp; Conditions</a> of Membership and <a href="">Privacy Policy</a>.<br /><br />
                    <input type="submit" value='<s:text name="join.submit" />' />                                        
                    <br /><br />
                </form>
            </div>
        </div>
        <div class="right">
            <div class="right"></div>
            <%@include file="inc/profile.jsp" %>
            <%@include file="inc/rightnav1.jsp" %>
            <%@include file="inc/rightnav3.jsp" %>
        </div>
    </div>
    <%@include file="inc/footer.jsp" %>
</div>
<%@include file="inc/coda.jsp" %>
<style type="text/css">
    #fieldError ul{
        margin: 10px;
        border-bottom: 3px #de7a7b solid;
        border-top: 3px #de7a7b solid;
        background-color: blue;
        list-style:inside;
        height: auto;
        padding-bottom: 6px;
        margin-bottom: 0px;
    }
</style>